$(function () {
    var layer = layui.layer
    var form=layui.form
    // 获取文章分类列表
    articleCateList()
    function articleCateList() {
        $.ajax({
            type: 'get',
            url: '/my/article/cates',
            success: function (res) {
                if (res.status !== 0) return layer.msg('获取文章分类失败')
                // 使用模板引擎渲染数据
                console.log(res)
                // 第一个参数放模板引擎的id，第二个放数据
                var htmlStr = template('tpl-table', res)
                $('tbody').html(htmlStr)
            }
        })
    }
    var indexAdd = null
    var indexEdit = null
    // 给添加类别绑定事件
    $('#btnAdd').on('click', function () {
        indexAdd = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '添加类别'
            , content: $('#dialog-add').html()
        });

    })
    // 因为弹出层是后期添加的，所以要采用事件委托的方式绑定提交事件
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault();
        // 发起ajax请求
        var formdata = $(this).serialize()
        console.log(formdata)
        $.ajax({
            type: 'post',
            url: '/my/article/addcates',
            data: formdata,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('添加失败')
                }
                articleCateList()
                layer.msg('添加成功')
                // 根据索引关闭弹出层
                layer.close(indexAdd)

            }
        })
    })
    // 因为编辑是后期渲染的，所以要采用事件委托的方式绑定提交事件
    $('tbody').on('click', '#btn-edit', function () {
        indexEdit = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '编辑'
            , content: $('#dialog-edit').html()
        });
        //   根据id号发起ajax请求
        var id = $(this).attr('data-id')
        console.log(id)
        // 发起请求获取对应的数据
        $.ajax({
            type:'get',
            url:'/my/article/cates/'+id,
            success:function(res){
            // 快速为表单赋值
            form.val('form-edit',res.data)
            }
        })
    })
    // 给编辑弹出框，通过事件委托，绑定提交事件
    $('body').on('submit','#form-edit',function(e){
        e.preventDefault()
        $.ajax({
            method:'post',
            url:'/my/article/updatecate',
            data:$(this).serialize(),
            success:function(res){
                if(res.status!==0){
                    return layer.msg("更新失败")
                }
                layer.msg("更新成功")
                articleCateList()
                // 关闭弹出层
                layer.close(indexEdit)
            }
        })
    })
    // 给删除按钮通过委托代理的形式，绑定点击事件
    $('body').on('click','#btn-delete',function(){
      var id=  $(this).attr('data-id')
    //   提示用户是否要删除
    layer.confirm('是否要删除?', {icon: 3, title:'提示'}, function(index){
        // 发起ajax请求
        $.ajax({
            method:'get',
            url:'/my/article/deletecate/'+id,
            success:function(res){
                if(res.status!==0){
                    return layer.msg('删除失败')
                }
                layer.msg('删除成功')
            }
        })
        layer.close(index);
      });
    })
})